import {
  useState,
  useEffect
} from 'react'
import './App.css'

function App() {
  // 实例化一个控制器
  let controller = new AbortController()
  useEffect(() => {
    fetch('http://localhost:5173/api/banners',{
      // 接收信号
      signal: controller.signal
      // signal: AbortSignal.timeout(1000)
    })
      .then((res) => res.json())
      .then((data) => {
        console.log(data)
      })
  }, [])
  const stop = () => {
    // 调用控制器的方法
    controller.abort()
  }
  return (
    <>
      <button onClick={stop}>暂停</button>
    </>
  )
}

export default App
